<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>新建产品模板</title> 

    <link type="text/css" href="/TopJUI/topjui/css/topjui.core.min.css" rel="stylesheet">
    <link type="text/css" href="/TopJUI/topjui/themes/default/topjui.green.css" rel="stylesheet" id="dynamicTheme"/>
    <!-- FontAwesome字体图标 -->
    <link type="text/css" href="/TopJUI/topjui/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="/pages/css/process.css">    
    <!-- buttons 组件 -->
    <link type="text/css" href="/buttons/buttons.css" rel="stylesheet"/>    
    <!-- jQuery相关引用 -->
    <script type="text/javascript" src="/TopJUI/topjui/plugins/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="/TopJUI/topjui/plugins/jquery/jquery.cookie.js"></script>
    <!-- TopJUI框架配置 -->
    <script type="text/javascript" src="/TopJUI/static/public/js/topjui.config.js"></script>
    <!-- TopJUI框架核心-->
    <script type="text/javascript" src="/TopJUI/topjui/js/topjui.core.min.js"></script>
    <!-- TopJUI中文支持 -->
    <script type="text/javascript" src="/TopJUI/topjui/js/locale/topjui.lang.zh_CN.js"></script>

    <script type="text/javascript" src="/pages/js/moment.min.js"></script>
    <script type="text/javascript" src="/pages/js/layer/layer.js"></script>
    <script type="text/javascript" src="/pages/js/util.js"></script>
    <script type="text/javascript" src="/pages/js/shuoheUtil.js"></script>

    <script type="text/javascript" src="/pages/js/offerConfig.js"></script>
    
<style type="text/css">
    html, body{ margin:0; height:100%;width: 100%;border-width:0px}
</style>


<body class="easyui-layout">
    <div data-options="region:'west',iconCls:'icon-reload',title:'',split:false,border:true"  " style="width:100%;border-width:0px" >  
	    <table class="editTable" style="text-align: center; margin-top: 30px;margin-left:0px;" >
	        <tr>
	            <td class="label">上级类型</td>
	            <td >
	                <input id='pid_text' class="easyui-textbox" data-options="required:false,width:150,editable:true" disabled="true"  >
	            </td>
	            <td class="label">类型名称</td>
	            <td >
                    <input id='text' class="easyui-textbox" data-options="required:true,width:150,editable:true" 
                        prompt='类型名称'>           
	            </td>
	        </tr>	      
            <tr>
                <td class="label">类型</td>
                <td >
                    <select id='sort_type' class="easyui-combobox" 
                        data-options="required:false,width:150,editable:false" disabled>
                        <option value='GENERA'>大类</option>
                        <option value='PRODUCT_LINE'>产品线</option>
                    </select>
                </td>
                <td class="label" id='label_responsible'></td>
                <td >
                    <input id='responsible' class="easyui-combobox" 
                        data-options="required:false,width:150,editable:true"
                        prompt='计划员'
                    >       
                </td>
            </tr>	      
        </table>        
	</div>
	<div data-options="region:'south',iconCls:'icon-reload',title:'',split:false,border:true" style="height: 45px;border-width:0px">  
        <div style="text-align: right;margin-top: 5px">
            <a onclick='save()' class="button button-primary button-rounded button-small"><i class="fa fa-check"></i>保存</a>
        </div>        
    </div>
</body> 
</html>
<script type="text/javascript">
 

    var id = shuoheUtil.getUrlHeader().id;
    var ProductSort;
    var ProductPidSort;



 	$(function() {



        ProductSort = Easyui.Ajax.get('/shop/sort/findById.do?id='+id).obj;
        console.info('ProductSort = '+JSON.stringify(ProductSort));
        $('#text').textbox('setValue',ProductSort.text);
        console.info('sort_type = '+ProductSort.sort_type);
        $('#sort_type').combobox('setValue',ProductSort.sort_type);     


        ProductPidSort = Easyui.Ajax.get('/shop/sort/findById.do?id='+ProductSort.pid).obj;
        console.info('ProductPidSort = '+JSON.stringify(ProductPidSort));

        $('#pid_text').textbox('setValue',ProductPidSort.text);
   
        $('#responsible').combobox({
            url:'/system/user/getAllSelectUser.do',
            valueField:'id',    
            textField:'name',
            onLoadSuccess:function()
            {
                if(ProductSort.responsible_id != 0)
                $('#responsible').combobox('setValue',ProductSort.responsible_id);
            }            
        });
        if(ProductSort.sort_type == 'PRODUCT_LINE')
        {
            $("#label_responsible").html("计划员");
            $('#responsible').next().show();
            $('#responsible').combobox({
                required:true
            })
        }

     

    }); 
    //初始化组件
    function initCompent()
    {
        $('#responsible').next().hide();
        $('#sort_type').combobox({
            onChange:function(newValue,oldValue)
            {
                if(newValue == 'PRODUCT_LINE')
                {
                    $("#label_responsible").html("计划员");
                    $('#responsible').next().show();
                    $('#responsible').combobox({
                        required:true
                    })
                }
                else
                {
                    $("#label_responsible").html("");
                    $('#responsible').next().hide();
                    // $('#responsible').combobox('options').required = false;
                    $('#responsible').combobox({
                        required:false
                    })
                }
            }
        });
    }

	
    function save() {
        if(shuoheUtil.checkRequired() == false) return;
        
        ProductSort.text = Easyui.TextBox.getValue('text');
        ProductSort.sort_type = $('#sort_type').combobox('getValue');

        ProductSort.responsible_id = $('#responsible').combobox('getValue');
        ProductSort.responsible_name = $('#responsible').combobox('getText');

        shuoheUtil.layerSaveMaskOn();


      $.ajax({
          url: "/shop/sort/save.do", 
          type: "POST",
          dataType: 'json',
          data: {
              'data': JSON.stringify(ProductSort)
          },
          error: function() //失败
          {
                shuoheUtil.layerSaveMaskOff();
//             shuoheUtil.layerTopMsgError('远程通信失败');
          },
          success: function(data) //成功
          {
                shuoheUtil.layerSaveMaskOff();
              if (data.result == true) {
                  var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引          
                  parent.layer.close(index); //再执行关闭
                  parent.parent.$('#sort_list').treegrid('reload');
                  parent.parent.saveOk();
              } else {
                  shuoheUtil.layerTopMsgError(data.describe);
              }
          }
      });
  }
</script>